<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编辑账号</title>
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../font/iconfont.css">
    <link rel="stylesheet" href="../../css/quanXianGuanLi/bianJiZhangHu.css">
    <script src="../../lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script src="../../javaScript/quanXianGuanLi/date.js"></script>
    <script src="../../javaScript/quanXianGuanLi/renYuanShuJu.js"></script>
    <script src="../../javaScript/quanXianGuanLi/accountDetails.js"></script>


    <style>

    </style>
</head>

<body>
    <div class="container">
        <h2>编辑账户</h2>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>姓名</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>性别</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <div class="gender">
                    <input type="radio" name="xingbie" value="">男
                </div>
                <div class="gender">
                    <input type="radio" name="xingbie" value="">女
                </div>
                <div class="gender">
                    <input type="radio" name="xingbie" value="">保密
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>手机号</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" placeholder="11位数字的手机号" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>密码</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" placeholder="6-16位数字、字母组合" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>重复密码</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" placeholder="再次输入密码" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>所属组织</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <select class="drop_down">
                <option value="">请选择组织</option>
                <option value="运营部">运营部</option>
                <option value="市场部">市场部</option>
                <option value="产品部">产品部</option>
                <option value="技术部">技术部</option>
                <option value="设计部">设计部</option>
                <option value="测试部">测试部</option>
                <option value="财务部">财务部</option>
                <option value="人事部">人事部</option>
                <option value="客服部">客服部</option>
                    </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>选择角色</span>
            </div>
            <div class="col-md-5 col-xs-5">
                <div class="role">
                    <input type="checkbox" name="role" value="运营管理员">&nbsp运营管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="市场管理员">&nbsp市场管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="人事管理员">&nbsp人事管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="产品管理员">&nbsp产品管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="技术管理员">&nbsp技术管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="客服管理员">&nbsp客服管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="UI管理员">&nbspUI管理员
                </div>
                <div class="role">
                    <input type="checkbox" name="role" value="测试管理员">&nbsp测试管理员
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>&nbsp</span><span>电子邮箱</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" value="189XXXX5832qq.com">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>&nbsp</span><span>出生日期</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <select name="" id="yearDay">
                        </select>&nbsp&nbsp年&nbsp&nbsp
                <select name="" id="monthDay">
                        </select>&nbsp&nbsp月&nbsp&nbsp
                <select name="" id="dayDay">
                        </select>&nbsp&nbsp日
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>&nbsp</span><span>座右铭</span>
            </div>
            <div class="col-md-6 col-xs-6" id="zuoyouming">
                <textarea class="form-control" rows="8">
                    
                </textarea>
                <div id="zishu"><span>0</span>/200</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>&nbsp</span><span>当前状态</span>
            </div>
            <div class="col-md-4 col-xs-4" id="zhuangtai">
                <span class="iconfont icon-anniu_kaiqi"></span><span class="iconfont icon-anniu_guanbi"></span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title"></div>
            <div class="col-md-4 col-xs-4">
                <button class="submit">提交</button><button class="cancel">取消</button>
            </div>
        </div>
    </div>
</body>
<script>
    yearDate()
    monthDate()
    let years = 1971
    let months = 1
    year_date.forEach(item => {
        $('#yearDay').append(`
        <option value="${item}">${item}</option>
        `)
    });
    month_date.forEach(item => {
        $('#monthDay').append(`
        <option value="${item}">${item}</option>
        `)
    })

    $('#yearDay').on('click', $('option'), function() {
        years = $(this).val()
        newDay() //每次修改年份后重新渲染日期
    })


    function newDay() {
        $('#dayDay').html('') //日期里的内容清空
        day_date = [] //天数数组清空
        dayDate(years, months) //调用函数
        day_date.forEach(item => {
            $('#dayDay').append(`
        <option value="${item}">${item}</option>
        `)
        })
    }

    $('#monthDay').on('click', $('option'), function() {
        months = $(this).val()
        newDay() //每次修改月份后重新渲染日期
    })
</script>
<script src="../../javaScript/quanXianGuanLi/anNiu.js"></script>

</html>